<template>
 <div>
     <el-select v-model="value" placeholder="请选择"  @change="sell">
       <el-option
         v-for="(item, index) in districts"
         :key="item.value"
         :label="item.label"
         :value="item.value"
         :disabled="index == 0 ? true : false"
       >
       </el-option>
     </el-select>
 </div>
</template>

<script>
export default {
  name: 'CommonSelect',
  props: {
    districts: Array
  },
  data () {
    return {
      value: '',
      slect: 0,
      nowIndex: 0,
      isDrop: false,
      selVal: ''
    }
  },
  methods: {
    sell (selVal) {
      /*alert(selVal)*/
      this.selVal = selVal
      console.log(selVal)
      this.$emit('select', this.selVal)
    }
  }
}
</script>

<style lang="stylus" scoped>
  select
    border 1px solid gray
  .sales-board-line-right
    li
      margin-bottom -10px
      float left
      margin-right 15px
      cursor pointer
      width 60px
      height 25px
      line-height 25px
      text-align center
  .active
    background red
    color white
</style>
